<template>
  <div>
	 <router-link class="item_content" to="/home/location">地图选择</router-link>
     <router-link class="item_content" to="/test/test1">测试页面1</router-link>
     <router-link class="item_content" to="/test/test2">测试页面2</router-link>
	 <component-demo class="item_content"></component-demo>
	 <test-demo class="item_content"></test-demo>
	 <test-demo-two class="item_content"></test-demo-two>
  </div>
</template>

<script>
import { Button } from 'vant';
export default {
  name: "home",
  data() {
    return {
      title: "web项目模板"
    };
  },
  created() {
	console.log("首页created");
  },
  mounted(){
  	console.log("首页mounted");
	console.log(this.$request.user);
	this.$request.user.getUserInfo({customerId:198}).then(data=>{
		console.log(data);
	});
  },
  activated(){
  	console.log("activated");
  },
  components: {
    [Button.name]:Button,
  },
  
  methods: {
    
  }
};
</script>

<style scoped>
 .item_content{
    height: 50px;
    display: flex;
    background-color: #068c9e;
    color: #FFFFFF;
    margin: 5px 10px;
    align-items: center;
 }
</style>